import type { App } from 'vue'
// import { useRoutes } from '/@/stores/routes'
import useAuth from '/@/hooks/auth'

/**
 * 用户权限指令
 * @description 单个权限验证（v-auth="xxx"）
 * @description 多个权限验证，满足一个则显示（v-auths="[xxx,xxx]"）
 * @description 多个权限验证，全部满足则显示（v-auth-all="[xxx,xxx]"）
 * @param {App} app vue实例
 */
export function authDirective(app: App) {
  // 单个权限验证（v-auth="xxx"）
  app.directive('auth', {
    mounted(el, binding) {
      if (!useAuth(binding.value)) {
        el?.remove()
      }
    }
  })
}
